import {Row, Col, Input, Typography,Card,Button,List,Icon,DatePicker,Select,Switch  } from 'antd';
import {Field} from 'saltui';
import React from "react";

const {Text, Title} = Typography;
const { TextArea } = Input;
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
{/*<div>*/}
{/*<Input placeholder="请输入"/>*/}
{/*</div>*/}
export default class RoomPriceOld extends React.Component {




  render() {

    const data = [
      <Row  gutter={4} style={{width:'100%'}}>
        <Col span={12} >天数</Col>
        <Col span={12}>3Days</Col>
      </Row>,
      <Row  gutter={4} style={{width:'100%'}}>
        <Col span={12} >每天</Col>
        <Col span={12}>50.00￥</Col>
      </Row>,
      <Row  gutter={4} style={{width:'100%'}}>
        <Col span={12} >每天</Col>
        <Col span={12}>50.00￥</Col>
      </Row>,

    ];

    return (
      <div className="room-new-content">
        <Card title="之前所住房间信息"  size="small">
          <Row gutter={2} justify="center" align="middle" >
            <Col span={3}>
              1楼1002
            </Col>
            <Col span={3}>
              双人房
            </Col>
            <Col span={15}>
              2019年4月3日12:00 - 2018年4月5日12:00
            </Col>
            <Col span={3}>
              2天
            </Col>
          </Row>

          <Row gutter={2}   style={{marginTop:10}} >
            <Col span={12}>
              <Card title="支付方式"  size="small">
                <List
                  size="small"
                  bordered
                  dataSource={data}
                  renderItem={item => <List.Item>{item}</List.Item>}
                />
              </Card>
            </Col>

            <Col span={12}>
              <Card title="计算"  size="small">
                <List
                  size="small"
                  bordered
                  dataSource={data}
                  renderItem={item => <List.Item>{item}</List.Item>}
                />
              </Card>

            </Col>

          </Row>
        </Card>

      </div>
    );
  }
}
